Skip to content

50Projects-HTML-CSS-JavaScript : Ads blocker extension #55

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
merged 3 commits into from
Dec 28, 2024
Merged

50Projects-HTML-CSS-JavaScript : Ads blocker extension #55

merged 3 commits into from
Dec 28, 2024

Conversation

tajulafreen
Copy link
Owner

Add Basic Ad Blocker Extension

Description

This PR introduces a browser extension to block advertisements on web pages.

Features

  • Ad Blocking: Removes common ad elements using selectors and a MutationObserver.
  • Whitelist Management: Add/remove websites where ads are allowed.
  • Toggle: Enable/disable the ad blocker via popup.
  • Persistent Data: Saves whitelist data in localStorage.
  • User Interface: Clean and simple popup design.

Files Added

  • manifest.json
  • popup.html, popup.css, popup.js
  • content.js
  • Icons folder

Testing Steps

  1. Load the extension in chrome://extensions/.
  2. Test the ad-blocking functionality on various websites.
  3. Verify whitelist and toggle features.

@tajulafreen tajulafreen merged commit c526b1c into main Dec 28, 2024
5 checks passed
@tajulafreen tajulafreen deleted the Add_Blocker_Extension branch December 28, 2024 10:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
1 participant
@tajulafreen